/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require annex/redactor
 */

.redactor {
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.05);
  display: block;
  min-height: 20px;
  transition: box-shadow .3s;

  &:hover {
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .5);
  }
}

.redactor-editor, .redactor-box {
  background: transparent;
}

.redactor-toolbar li a {
  font-size: 13px;
}

#cms-tools {
  background: #fff;
  box-shadow: 0 -.1em .5em rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;

  ul {
    border: none;
    left: 50%;
    margin-left: -25% !important;
  }
}